{% extends '../layout.html' %}

{% block scripts %}
<script src="http://connect.facebook.net/zh_TW/all.js"></script>
<script src="/js/login.js"></script>
{% endblock %}

{% block content %}
<h2 id="login-title">登入或加入論壇：</h2>
<div class="hbox">
  <div class="box-flex">
    <p class="login-desc">您不必註冊帳號便可以加入此論壇發表或是回覆文章。您可以透過右側的按鈕選擇您希望用來登入的方式：</p>
    <ul id="login-choices">
      <li class="login-choice">
        <h3>Google Friend Connect</h3>
        <p>透過 <a href="http://www.google.com/friendconnect/" target="_blank">Google Friend Connect</a>，您可以使用 Google, twitter, Yahoo! 以及 OpenID 等帳號來進行帳號驗證</p>
      </li>
      <li class="login-choice">
        <h3>Facebook 帳號</h3>
        <p>您也可以使用 Facebook 帳號來登入此論壇</p>
      </li>
    </ul>
  </div>
  <div id="login-panel" class="box-flex0">
    <h3>今天想要怎麼登入呢？</h3>
    <div id="login-buttons">
      <div id="login-fcbutton"></div>
      <a id="fb-login" class="fb-login"><span>使用 Facebook 帳號</span></a>
    </div>
  </div>
</div>
<div id="fb-root"></div>
{% endblock %}
